<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>test</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <link href="https://cdn.staticfile.org/ionic/1.3.2/css/ionic.css" rel="stylesheet">
    <link href="/resources/css/main/index.css" rel="stylesheet">
    <link href="/resources/css/common/common.css" rel="stylesheet">
    <script src="https://cdn.staticfile.org/ionic/1.3.2/js/ionic.bundle.min.js"></script>
    <script src="//cdn.bootcss.com/angular-cookie/4.0.0/angular-cookie.min.js"></script>
    <script src="/resources/js/main/index.js"></script>
</head>
<body ng-app="jie" ng-controller="MainController">

<ion-header-bar>
    <div class="row app-header">
        <div class="col-33 text-left">
            <#--<span on-tap="login()">登录</span>-->
            <span on-tap="meFuc()">{{me}}</span>
        </div>

        <div class="col-33 text-center">
            <span>绿色家园</span>
        </div>

        <div class="col-33 text-right">
            <div class="row">
                <div class="edit-btn col-33 col-offset-33" >
                    <i class="icon ion-compose" on-tap="editContent()"></i>
                </div>
                <div class="more-btn col-33">
                    <i class="icon ion-more"></i>
                </div>
            </div>
        </div>
    </div>
</ion-header-bar>

<ion-content>
    <ion-view title="home">
        <ion-scroll zooming="true" direction="xy" style="height: 100%">
            <#list articles as article>
                <div class="row row-center content-header">
                    <div class="col-20">
                        <img class="circle" src="/resources/img/img.jpg" style="width: 100%">
                    </div>
                    <div class="col-80">
                        <div class="row">
                            <div class="col">往往762</div>
                        </div>
                        <div class="row">
                            <div class="col">23:04</div>
                        </div>
                    </div>
                </div>
                <div class="row content-body">
                    <div class="col">${article.contentTitle!''}</div>
                </div>
                <div class="row content-img">
                    <div class="col">
                        <img src="/resources/img/content.jpg" style="width: 100%">
                    </div>
                    <div class="col">
                        <img src="/resources/img/content.jpg" style="width: 100%">
                    </div>
                    <div class="col">
                        <img src="/resources/img/content.jpg" style="width: 100%">
                    </div>
                </div>
                <div class="row content-footer">
                    <div class="col-10 col-offset-90">0</div>
                </div>

            </#list>
        </ion-scroll>
    </ion-view>
</ion-content>

</body>

</html>